{% extends 'ApiCloud/Base/layout.common.html.twig' %}

{% block body %}
    {% include "ApiCloud/Base/inc.head.light.html.twig" with {title:"修改密码",back:1} %}
    <div class="bcf round5 pad10 mart10 marl10 marr10">
        <mu-form ref="form" :model="validateForm"  label-position="top" label-width="100">
            <div class="fs10 padl5 padr5">
                <mu-form-item label="原密码" :rules="oldPasswordRules" prop="old">
                    <mu-text-field type="password" v-model="validateForm.old" placeholder="请输入原密码"></mu-text-field>
                </mu-form-item>
            </div>
            <div class="fs10 padl5 padr5">
                <mu-form-item label="新密码" :rules="newPasswordRules" prop="new">
                    <mu-text-field type="password" v-model="validateForm.new" placeholder="请输入新密码"></mu-text-field>
                </mu-form-item>
            </div>
            <div class="fs10 padl5 padr5">
                <mu-form-item label="确认密码" :rules="newAgPasswordRules" prop="newAg">
                    <mu-text-field type="password" v-model="validateForm.newAg" placeholder="请再次输入新密码"></mu-text-field>
                </mu-form-item>
            </div>

            <div class="fs8 c11 pad5 mart20">
                <mu-button large full-width round color="primary" @click="submit()">确认修改</mu-button>
            </div>
        </mu-form>
    </div>
{% endblock %}
